@charset "UTF-8";
/* dialog组件库 */
@-webkit-keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0.5; }
  to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0.5; }
  to { opacity: 1; } }

@-webkit-keyframes slideDown { from { -webkit-transform: translateY(-3em); transform: translateY(-3em); }
  to { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes slideDown { from { -webkit-transform: translateY(-3em); transform: translateY(-3em); }
  to { -webkit-transform: translateY(0); transform: translateY(0); } }

@-webkit-keyframes slideUp { from { -webkit-transform: translateY(0); transform: translateY(0); }
  to { -webkit-transform: translateY(-3em); transform: translateY(-3em); } }

@keyframes slideUp { from { -webkit-transform: translateY(0); transform: translateY(0); }
  to { -webkit-transform: translateY(-3em); transform: translateY(-3em); } }

.dialog-wrapper { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.2); z-index: 99999; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.dialog-wrapper.fadeIn { -webkit-animation: fadeIn .3s ease; animation: fadeIn .3s ease; }

.dialog-wrapper.fadeOut { -webkit-animation: fadeOut .3s ease; animation: fadeOut .3s ease; }

.dialog-wrapper .dialog { position: relative; width: 600px; max-width: 100%; background-color: white; }

.dialog-wrapper .dialog.slideDown { -webkit-animation: slideDown .3s ease; animation: slideDown .3s ease; }

.dialog-wrapper .dialog.slideUp { -webkit-animation: slideUp .3s ease; animation: slideUp .3s ease; }

.dialog-wrapper .dialog .dialog-title { padding: 20px 20px 10px; }

.dialog-wrapper .dialog .dialog-title span { line-height: 24px; font-size: 18px; color: #303133; }

.dialog-wrapper .dialog .dialog-title .dialog_close_icon { position: absolute; top: 30px; right: 20px; padding: 0; border: none; outline: none; cursor: pointer; display: inline-block; width: 20px; height: 2px; background: #606266; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.dialog-wrapper .dialog .dialog-title .dialog_close_icon::after { content: ''; display: block; width: 20px; height: 2px; background: #606266; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.dialog-wrapper .dialog .dialog-content { padding: 30px 20px; color: #606266; font-size: 14px; word-break: break-all; margin-bottom: 60px; }

.dialog-wrapper .dialog .dialog-footer { position: absolute; right: 0; bottom: 0; padding: 10px 20px 20px; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; }

.dialog-wrapper .dialog .dialog-footer.center { width: 100%; text-align: center; }

.dialog-wrapper .dialog .dialog-footer .dialog-footer-right { text-align: right; white-space: nowrap; }

.dialog-wrapper .dialog .dialog-footer .dialog-footer-right .btn { display: inline-block; color: #606266; cursor: pointer; padding: 5px 15px; border-radius: 3px; border: 1px solid gainsboro; font-size: 14px; margin-left: 10px; }

.dialog-wrapper .dialog .dialog-footer .dialog-footer-right .btn:hover { opacity: .8; }

.dialog-wrapper .dialog .dialog-footer .dialog-footer-right .btn.comfirm-btn { background-color: #409eff; color: white; border-color: #409eff; }
